<template>
	<view class="content">
		<view class="content_head">
			<view class="content_head_left">
				<image src="~@/static/logo.png"
				style="width: 230rpx;height: 230rpx;
				border-radius: 100rpx;"></image>
			</view>
			<view class="content_head_right">
				<view class="content_head_right_left">
					<view>身体状态&nbsp;</view>
					<view>体重</view>
					<view>体温</view>
				</view>
				<view class="content_head_right_right">
					<view>生病</view>
					<view>{{weight}}KG</view>
					<view>{{temperature}}℃</view>
				</view>
			</view>
		</view>
		
		<view class="content_bottom">
			<view class="content_bottom_left">
				<view>RFID电子标签</view>
				<view>检疫编号</view>
				<view>检疫情况</view>
				<view>处置情况</view>
				<view>所用药品</view>
				<view>药品供应商</view>
				<view>供应商电话</view>
				<view>采购数量</view>
				<view>采购金额</view>
				<view>采购人</view>
				<view>处理人</view>
			</view>
			<view class="content_bottom_right">
				<view style="font-size: 34rpx; height: 39px;">
				{{reid}}
				</view>				
				<view>{{quarantineid}}</view>
				<view>{{quarantinesituation}}</view>
				<view>{{handlingsituation}}</view>
				<view>{{drugsname}}</view>
				<view>{{supplier}}</view>
				<view>{{suppliertelephone}}</view>
				<view>{{purchasequantity}}&nbsp;KG</view>
				<view>{{purchaseamount}}&nbsp;¥</view>
				<view>{{procurement}}</view>
				<view>{{processing}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
						 weight:'30',
					temperature:'42',  
					       reid:'ghus-123-cgcg-311',
				   quarantineid:'111111',
			quarantinesituation:'不合格',
			  handlingsituation:'打药',
			          drugsname:'安钠加',
			        drugsdosage:'0.02',
			           supplier:'玉林市猪药公司',
			  suppliertelephone:'0771-121212',
			   purchasequantity:'1',
			     purchaseamount:'500',
			        procurement:'王嬷嬷',
			         processing:'张三'
			
			}
		}
		
	}
</script>

<style>
	.content{
		width: 100%;
		height: auto;
	}
	.content_head{
		width: 100%;
		height: auto;
		display: flex;
		
	}
	.content_head_left{
		flex: 1;
		margin: 40rpx;
	}
	.content_head_right{
		flex: 2;
		display: flex;
		margin: 30rpx;
	}
	.content_head_right_left>view{
		
		padding: 0 40rpx 0 0;
		border-right: #a2a2a2 solid 2rpx;
		margin: 15rpx 40rpx 0 0;
		/* background-color: #007AFF; */
	}
	.content_head_right>view>view{
		font-size: 40rpx;
	}
	.content_head_right_right>view{
		
		color: #a2a2a2;
		margin: 15rpx 0 0 0;
	}
	
	
	.content_bottom{
		width: 100%;
		height: auto;
		display: flex;
		}
	.content_bottom_left{
		flex: 1;
	}
	.content_bottom_left>view{
		font-size: 40rpx;
		margin: 15rpx 0 0 10%;
		border-right: #a2a2a2 solid 2rpx;
	}
	.content_bottom_right{
		flex: 1;	
	}
	.content_bottom_right>view{
		font-size: 40rpx;
		margin: 15rpx 0 0 30rpx;
		color: #a2a2a2;
		
		
	}
	
</style>
